import { Component } from '@/decorators';
import { Vue } from 'vue-class-component';
import { Tabbar, TabbarItem } from 'vant';

@Component({
  name: 'MainLayout',
  render() {
    return (
      <div class="min-h-screen flex flex-col">
        <div class="flex-1 safe-area-inset-top">
          <router-view />
        </div>
        <Tabbar route class="safe-area-inset-bottom">
          <TabbarItem icon="home-o" to="/">首页</TabbarItem>
          <TabbarItem icon="cart-o" to="/cart">购物车</TabbarItem>
          <TabbarItem icon="user-o" to="/my">我的</TabbarItem>
        </Tabbar>
      </div>
    );
  }
})
export default class MainLayout extends Vue {} 